// --------------------------- 数据回填 ------------------------------
// 封装函数的目的是为了多次调用
function renderUser() {
  $.ajax({
    url: '/my/user/userinfo',
    success: function (res) {
      // console.log(res);
      // 数据回填
      // $('input[name=username]').val(res.data.username);
      // $('input[name=nickname]').val(res.data.nickname);
      // $('input[name=email]').val(res.data.email);
      // layui提供了一个快速数据回填的方法 form.val()
      let form = layui.form; // 加载模块
      // form.val('表单的lay-filter属性值', '对象格式的数据,要求对象的key必须和input的name属性值相同');
      form.val('abc', res.data);
    }
  });
}
renderUser();


// --------------------------- 修改用户信息 ------------------------------
// 表单提交事件 --> 阻止默认行为 --> 收集数据 --> ajax提交给接口
$('form').on('submit', function (e) {
  e.preventDefault();
  let data = $(this).serialize(); // 把账号 disabled 禁用，因为接口不要username这项数据
  // console.log(data);
  $.ajax({
    url: '/my/user/userinfo',
    type: 'POST',
    data: data,
    success: function (res) {
      if (res.status === 0) {
        // 给一个提示
        layer.msg(res.message);
        // 及时更新index页面侧边栏的 欢迎你xxx
        // 可以调用父页面的函数，但是有前提条件：
        // 1. 只有在真实的服务器环境中才可以；必须使用live server
        // 2. 必须使用 iframe 把两个页面建立起父子关系
        // 调用语法：window.parent.父页面的函数
        window.parent.getUserInfo();
      }
    }
  });
})


$('button[type=reset]').on('click', function (e) {
  e.preventDefault();
  renderUser(); // 调用函数，重新回填
})

